<!DOCTYPE html>
<html lang="en">
    <head>
        <!-- 自闭合标签 -->
        <meta charset="UTF-8" />
        <!--<meta http-equiv="Refresh" Content="2"/>-->
        <!--<meta http-equiv="Refresh" Content="2; Url=http://www.autohome.com.cn" />-->
        <!--标签属性 name="alex" -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <title>老男人</title>
        <link rel="shortcut icon" href="favicon.ico">
    </head>
    <body>
        <!--内联和块级-->
        <div style="background-color: red;">12</div>
        <span style="background-color: green;">12</span>
        <!--符号-->
        &lt;a&nbsp;b&gt;
        <!--段落和换行-->
        <p>asdfuo<br />iuasdkfjlkjasdfkj<br />alskdjfas;dlfj</p>
        <p>asdfuoiuasdkfjlkjasdfkjalskdjfas;dlfj</p>
        <p>asdfuoiuasdkfjlkjasdfkjalskdjfas;dlfj</p>
        <!--标题-->
        <h1>a</h1>
        <h2>a</h2>
        <h3>a</h3>
        <h4>a</h4>
        <h5>a</h5>
        <h6>a</h6>
        <h6 style="font-size: 65px;">a</h6>
        <!--a标签-->
        <a href="http://www.baidu.com">跳转1</a>
        <a href="http://www.baidu.com" target="_blank">跳转2</a>
        <!--<div href="http://www.baidu.com">阿萨德发送到</div>-->

        <!--寻找页面中id=i1的标签，讲其标签放置在页面顶部-->
        <a href="#i1">第一章</a>
        <a href="#i2">第二章</a>
        <a href="#i3">第三章</a>
        <!--id没有一个标签的id属性值不允许重复；id属性可以不写-->
        <div id="i1" style="height: 500px;">第一章内容</div>
        <div id="i2" style="height: 500px;">第二章内容</div>
        <div id="i3" style="height: 500px;">第三章内容</div>
    </body>
</html>